<template>
	<view class="page">
		<view class="title">
			段考励志方案
		</view>
		<view class="tab-wrap">
			<view @click.stop="tabClick(1)" class="item" :class="current == 1 ? 'on' : ''">当前成绩(480)</view>
			<view @click.stop="tabClick(2)" class="item" :class="current == 2 ? 'on' : ''">提高30分(510)</view>
			<view @click.stop="tabClick(3)" class="item" :class="current == 3 ? 'on' : ''">提高60分(540)</view>
		</view>
		<view class="table-wrap">
			<view class="th">
				<view class="td">
					学校名称
				</view>
				<view class="td">
					专业
				</view>
				<view class="td">
					批次
				</view>
				<view class="td">
					最低分/末位次
				</view>
			</view>
			<view class="tr" v-for="(item,index) in 10" :key="index">
				<view class="td">
					北京大学
					<view class="tags">
						<view class="tag">
							985
						</view>
						<view class="tag">
							211
						</view>
					</view>
				</view>
				<view class="td">
					数字媒体艺术设计
					<view class="tags">
						<view class="tag">
							重点学科
						</view>
						<view class="tag">
							重点学科
						</view>
					</view>
				</view>
				<view class="td">
					本科第一批
				</view>
				<view class="td">
					719/568
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				current: 1,
			}
		},
		methods: {
			// tab切换
			tabClick(e){
				let that = this;
				that.current = e;
				console.log(e)
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import 'lizhifanganjieguo.scss';
</style>
